* {
	margin: 0%;
	padding: 0%;
}

html,
body {
	width: 100%;
	height: 100%;
	margin: 0%;
	padding: 0%;
}

.all5 {
	background: url(../img/p5/11.png) no-repeat;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	color: white;
	display: flex;
	flex-flow: column;
	justify-content: space-around;
}

p {
	line-height: 0.5rem;
	margin: 0%;
}

.lan5 {
	font-size: 0.3rem;
    letter-spacing: 0.02rem;
    position: relative;
    left: 10%;
    top: -2%;
    opacity: 0.8;
    font-family: cursive;
}

#a7 {
	width: 0.45rem;
	position: relative;
	left: 89%;
	top: 7%;
	opacity: 0;
}

#sg {
	position: relative;
	left: 38%;
	top: -17%;
}

#sg51 {
	width: 1.18rem;
	position: absolute;
	animation: sg51 2s linear infinite;
	transform-origin: 0rem 2.71rem;
}

@keyframes sg51 {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(-30deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

@keyframes sg52 {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(30deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

#sg52 {
	width: 0.85rem;
	position: absolute;
	left: -7%;
	animation: sg52 2s linear infinite;
	transform-origin: 0.3rem 2.71rem;
}

#a1 {
	opacity: 0;
	animation: fadeInP 800ms 0.3s forwards;
}

#a2 {
	opacity: 0;
	animation: fadeInP 800ms 1.1s forwards;
}

#a3 {
	opacity: 0;
	animation: fadeInP 800ms 1.9s forwards;
}

#a4 {
	opacity: 0;
	animation: fadeInP 800ms 2.8s forwards;
}

#a5 {
	opacity: 0;
	animation: fadeInP 800ms 3.6s forwards;
}


#a6 {
	opacity: 0;
	animation: fadeInP 800ms 4.4s forwards;
}

@keyframes fadeInP{
	from{ opacity: 0; }
	to{ opacity: 0.8; }
}